<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>H+ 后台主题UI框架 - Bootstrap Table</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

    <link rel="shortcut icon" href="favicon.ico"> <link href="#(CTX)/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="#(CTX)/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="#(CTX)/css/plugins/jsTree/style.min.css" rel="stylesheet">
    <link href="#(CTX)/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="#(CTX)/css/animate.css" rel="stylesheet">
    <link href="#(CTX)/css/style.css?v=4.1.0" rel="stylesheet">

    <style>
        .jstree-open > .jstree-anchor > .fa-folder:before {
            content: "\f07c";
        }

        .jstree-default .jstree-icon.none {
            width: 0;
        }
    </style>

</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h2>基本示例 <small>使用Font Awesome图标</small></h2>
                    </div>
                    <div class="ibox-content">

                        <div id="jstree">
                        </div>

                    </div>
                </div>
            </div>
            <div class="col-sm-9">
                <!-- Panel Style -->
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h2>表格</h2>
                    </div>
                    <div class="ibox-content">
                            <div class="row row-lg">
                                    <div class="col-sm-12" style="padding:10px 30px 10px 30px;">
                        <form role="form" class="form-inline">
                            <div class="form-group">
                                <label for="exampleInputEmail2" class="control-label">用户名:</label>
                                <input type="email" placeholder="请输入用户名" id="exampleInputEmail2" class="form-control">
                            </div>
                            <div class="form-group">
                                <label for="exampleInputPassword2" class="control-label">密码:</label>
                                <input type="password" placeholder="请输入密码" id="exampleInputPassword2" class="form-control">
                            </div>
                            <button id="btnSearch" class="btn btn-primary" type="button" style="margin-left:5px;">查询</button>
                            <button id="btnReset" class="btn btn-default" type="button" style="margin-left:5px;">重置</button>
    
                            <button id="btnAdd" class="btn btn-success pull-right" type="button" style="margin-right:5px;">新增</button>
                        </form>
                        </div>
                        </div>
                        <div class="row row-lg">
                            <div class="col-sm-12">
                                <!-- Example Rowstyle -->
                                <div class="example-wrap margin-sm-0">
                                    <div class="example">
                                        <table id="table">
                                        </table>
                                    </div>
                                </div>
                                <!-- End Example Rowstyle -->
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Panel Style -->
            </div>
        </div>
    </div>

    <div id="modal-form" class="modal fade" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-sm-6 b-r">
                                <h3 class="m-t-none m-b">登录</h3>
    
                                <p>欢迎登录本站(⊙o⊙)</p>
    
                                <form role="form">
                                    <div class="form-group">
                                        <label>用户名：</label>
                                        <input type="email" placeholder="请输入用户名" class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <label>密码：</label>
                                        <input type="password" placeholder="请输入密码" class="form-control">
                                    </div>
                                    <div>
                                        <button class="btn btn-sm btn-white pull-right m-t-n-xs" type="button" data-dismiss="modal"><strong>关闭</strong>
                                        </button>
                                        <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="button"><strong>登录</strong>
                                        </button>
                                        <label>
                                            <input type="checkbox" class="i-checks">自动登录</label>
                                    </div>
                                </form>
                            </div>
                            <div class="col-sm-6">
                                <h4>还不是会员？</h4>
                                <p>您可以注册一个账户</p>
                                <p class="text-center">
                                    <a href="#(CTX)/form_basic.html"><i class="fa fa-sign-in big-icon"></i></a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    <!-- 全局js -->
    <script>
        var _CTX_ = "#(CTX)";
    </script>
    <script src="#(CTX)/js/jquery.min.js?v=2.1.4"></script>
    <script src="#(CTX)/js/bootstrap.min.js?v=3.3.6"></script>

    <!-- 通用js -->
    <script src="#(CTX)/static/js/content.js?v=1.0.0"></script>

    <!-- jsTree plugin javascript -->
    <script src="#(CTX)/js/plugins/jsTree/jstree.min.js"></script>
    <script src="#(CTX)/js/plugins/jsTree/jstree.ext.js"></script>
    
    <!-- Bootstrap table -->
    <script src="#(CTX)/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="#(CTX)/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="#(CTX)/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>

    <!-- 页面js -->
    <script src="#(CTX)/static/js/view2.js"></script>

</body>

</html>
